h3{
    color: #7cd6dd;
    text-align: center;
    width: 100px;
    height: 100px;
    line-height: 100px;
    padding: 5px;
    margin:10px auto;
    /*实现表的圆角效果*/
    border-radius: 50%;
    float:left;
    /*透明度*/
    opacity: .6;
    /*添加手型*/
    cursor: pointer;
    /*添加过度动画*/
    -webkit-transition: all .3s;
}
h3:nth-child(odd){
    background-color: #ffc5c3;

}
h3:nth-child(even){
    color: #fff;
    background-color: #ffbf34;

}
 h3:hover{
     opacity: 1;
     border-radius: 0;
 }